import QtQuick
import QtQuick.Window

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    // case1: 不使用TLineEdit, 直接用TextInput响应Tab按键切换焦点
//    Rectangle {
//        width: 200; height: 80
//        color: 'linen'
//        TextInput {
//            id: input1
//            x: 8; y: 8
//            width: 96; height: 20
//            focus: true
//            text: 'Text input 1'
//            KeyNavigation.tab: input2
//        }

//        TextInput {
//            id: input2
//            x: 8; y: 36
//            width: 96; height: 20
//            text: 'Text input 2'
//            KeyNavigation.tab: input1
//        }
//    }

    // case2: 使用TLineEditV1切换焦点
    // 但无法正常切换, 会被外层Rectangle截断, 无法传递给内层TextInput
//    TLineEditV1 {
//        id: input1
//        text: "Text input 1"
//        input.font.pixelSize: 18
//        height: input.font.pixelSize+10
//        input.color: 'white'
//        focus: true
//        KeyNavigation.tab: input2
//    }

//    TLineEditV1 {
//        id: input2
//        text: "Text input 2"
//        input.font.pixelSize: 18
//        height: input.font.pixelSize + 10
//        y: input1.y + input1.height + 12
//        input.color: 'white'
//        KeyNavigation.tab: input1
//    }

    // case3: 使用TLineEditV2切换焦点
    // 利用FocuseScope将外层focus传递给内层TextInput
    TLineEditV2 {
        id: input1
        text: "Text input 1"
        input.font.pixelSize: 18
        height: 10*input.font.pixelSize+10
        input.color: 'white'
        focus: true
        KeyNavigation.tab: input2
    }

    TLineEditV2 {
        id: input2
        text: "Text input 2"
        input.font.pixelSize: 18
        height: input.font.pixelSize + 10
        y: input1.y + input1.height + 12
        input.color: 'white'
        KeyNavigation.tab: input1
    }

}
